<template>
  <d2-container>
    <el-card shadow="never" class="d2-mb titleline">
      <template slot="header" style="height:66px;">
        <span class="title_x el-button--primary fl"></span>
        <p class="title_l fl">公司配置</p>
      </template>
      <p>公司信息</p>
      <el-row :gutter="20">
        <el-col :span="10">
          <el-upload class="upload-demo" drag action="https://jsonplaceholder.typicode.com/posts/" multiple>
            <i class="el-icon-upload"></i>
            <div class="el-upload__text">将LOGO拖到此处，或<em>点击上传</em></div>
          </el-upload>
        </el-col>
        <el-col :span="14">
          <el-form label-width="80px" :model="firstForm">
            <el-form-item label="公司名称">
              <el-input v-model="firstForm.up"></el-input>
            </el-form-item>
            <div style="display:flex">
              <el-form-item label="公司简称">
                <el-input v-model="firstForm.up"></el-input>
              </el-form-item>
              <span style="padding:10px 20px">不大于6个汉字</span>
            </div>
            <el-form-item style="text-align: right;">
              <el-button size="mini">保存</el-button>
            </el-form-item>
          </el-form>
        </el-col>
      </el-row>
      <p>短信用量</p>
      <el-row>
        <el-col :span="6">
          共<span>1000</span>条
        </el-col>
        <el-col :span="6">
          发送<span>400</span>条
        </el-col>
        <el-col :span="6">
          剩余<span>600</span>条
        </el-col>
      </el-row>
    </el-card>
  </d2-container>
</template>
<script>
export default {
  data() {
    return {
      firstForm: {},
    }
  },
}
</script>